<template>
  <div>
    <m-notification :count="30" :max="10">
      <!-- m-notification组件 默认插槽的内容 -->
      <template #default>
        <m-list
          :list="list"
          :actions="actions"
          @clickItem="clickItem"
          @clickAction="clickAction"
        ></m-list>
      </template>
    </m-notification>
  </div>
</template>

<script setup lang="ts">
import { list, actions } from "./data.ts";

const clickItem = (val:any) => {
  console.log(val);
};
const clickAction = (val:any) => {
  console.log(val);
};
</script>

<style scoped lang="scss"></style>
